.dm_banner{width:100%;height:100%;position: relative; background-color: #000;overflow: hidden;z-index: 5;
	}
.dm_banner #video{
	position: absolute;
	z-index: 1;
	left: 0px;
}
.dm_banner .bannerbg{
	position: absolute;
	z-index:10;
	width: 100%;
	height: 100%;
	background: url(../images/banner_mask.png) repeat-x center center;
	background-size: auto 100%;
}
.dm_banner .nopcbg{
	display: none;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/mob.jpg) no-repeat center bottom;
	background-size: cover;
}
.swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center;background: #fff; background:#01040a;}
.banner_img1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);opacity:0;}
.banner_img2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);opacity:0;}
.banner_img3{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.banner_img4{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.banner_img5{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);;z-index:99;}
.banner_img6{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);;}
.dm_purpose{width:100%;text-align:center;bottom:3%;position:absolute;z-index:99;}
.dm_purpose h3{color:#fff;font-size:20px;}
.dm_purpose h6{color:#fff;font-size:16px;margin:8px 0 24px 0;}
.dm_icon1{font-size:38px;font-family: 'iconfont';color:#fff;text-align:center;}
#swiper-pagination1{right:5.2%;}
#swiper-pagination1 .swiper-pagination-bullet{margin:30px 0;height:30px; width:2px;background:#808285;}
#swiper-pagination1 .swiper-pagination-bullet-active{height:30px;width:2px;background:#fff;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;}
@media (max-width:1600px){
	.banner_img1 img,.banner_img2 img,.banner_img3 img,.banner_img4 img,.banner_img5 img,.banner_img6 img,.banner_img7 img{max-width:88%;}
}
@media (max-width:1599px){
	.banner_img1 img,.banner_img2 img,.banner_img3 img,.banner_img4 img,.banner_img5 img,.banner_img6 img,.banner_img7 img{max-width:90%;}
}
@media (max-width:767px){
	.banner_img1 img,.banner_img2 img,.banner_img3 img,.banner_img4 img,.banner_img5 img,.banner_img6 img,.banner_img7 img{max-width:100%;}
	.dm_purpose h3{font-size:16px;}
	.dm_purpose h6{font-size:14px;margin:8px 0 20px 0;}
	#swiper-pagination1 .swiper-pagination-bullet{margin:22px 0;height:25px; width:2px;}
	#swiper-pagination1 .swiper-pagination-bullet-active{height:25px;width:2px;}
	
}
.dm_black{width:100%;height:346px;z-index:99;}
.dm_black img {width: 100%;position: relative;z-index: 5;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;}
.dm_cases{width:100%;position:relative;padding-bottom:120px;}
.grid{z-index:100;position:relative;margin:-260px auto 0;width:80%;}
.grid-item{width:25%;float:left;overflow: hidden;}
.grid_c{width:100%;position: relative;}

.grid_c a {height:100%;display:block;}
.tile-content{opacity:0;z-index:999;width:80%; text-align:center;}
.tile-content span{color:#fff;display:block;}
.tile-content h2{font-size:22px;color:#fff;line-height:28px;margin-bottom:10px;}
.grid_c:hover .tile-content{opacity: 1;}
.lazyImage {width: 100%;height: 100%;position: relative;overflow: hidden;}
.lazyImage .overlay { position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 4;}
.lazyImage img {width: 100%;position: relative;z-index: 5;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;}
.grid_c:hover .lazyImage img {opacity:0;}

.more{color:#9c9c9c;width:134px;text-align:center;font-size:18px;display:block;margin:45px auto; }
.more:hover{color:#e50619;text-decoration:underline;}


@media (max-width:1499px){
	.grid{width:80%;}
	.dm_cases{background-size: 50%;}
}
@media (max-width:1420px){
	.dm_years{
		width: 80%!important;
	}
}
@media (max-width:1320px){
	.dm_service
}
@media (max-width:1199px){
	.dm_cases{padding-bottom:120px;}
	.dm_service .list_ser{
		width: 50%!important;
		margin-bottom: 50px;
	}
	.dm_service .list_ser:hover{
		margin-top: 0!important;
	}
}
@media (max-width:992px){
	.dm_black{
		background: #fff;
	}
}
@media (max-width:979px){
	.grid{width:90%;margin:-160px auto 0;}
	.grid-item{width:50%;}
	.dm_black{height:215px;}
	.dm_cases{padding-bottom: 60px;}
	.tile-content h2{font-size:20px;}
	.tile-content span{font-size:12px;}
	.dm_banner .swiper-container{
		height: 400px!important;
	}
	.dm_purpose{
		bottom: 23%;
	}
	.dm_purpose h3{
		width: 80%;
		margin: 0 auto;
	}
	.nav-background{
	    display: none;
	}
}
@media (max-width:767px){
	.tile-content h2{font-size:16px;}
	.more{margin:40px auto 20px;}
}
.dm_doWhat{width:100%;position:relative;}
.dm_years{position:absolute;top:-124px;width:65%;z-index:100;left:50%;-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}
.dm_years ul li{width:25%;float:left;text-align:center;position:relative;padding-top:5.2em;height:256px;}
.dm_years ul li .number{font-size:30px;color:#fff;margin-bottom:10px;}
.dm_years ul li span{font-size:72px;margin-right:6px;line-height:72px;}
.dm_years ul li p{font-size:16px;line-height:22px;color:#fff;}
@media (max-width:1499px){
	.dm_doWhat{background-size: 50%;}
}
@media (max-width:1199px){
	.dm_years{width:80%;}
	.dm_years ul li p{font-size:14px;}
	}
@media (max-width:979px){
	.dm_years{width:90%;}
	.dm_years ul li span{font-size:52px;}
	.dm_years ul li p{font-size:12px;}
	.dm_years ul li {padding-top:3.2em;height:216px;}
	.dm_banner #video{
		display: none;
	}
	.dm_banner .nopcbg{display: block;}
	.dm_years{
		top: -66px;
	}
	}
@media (max-width:767px){
	.dm_years{width:100%;position:relative;top:0;}
	.dm_years ul li{width:50%;float:left;text-align:center;position:relative;padding-top:2.2em;height:166px;}
	.dm_years ul li .number{font-size:20px;color:#fff;margin-bottom:10px;}
	.dm_years ul li span{margin-right:6px;font-size: 42px;}
	.dm_years ul li p{font-size:12px;line-height:22px;color:#fff;}
	.dm_cases{
		padding-bottom: 20px;
	 }
	 .dm_years{
	     margin-bottom: 50px;
	 }
	}
.dm_video{width:100%;position:relative;padding:18em 0;text-align:center;background-image:url('../images/index/b.jpg');}
.dm_video h3{font-size:40px;color:#fff;margin-bottom:20px;}
.dm_video a{color:#fff;font-size:20px;display:inline-block;}
.dm_video a i{font-size:58px;color:#fff;font-family:"iconfont";display:inline-block;line-height:40px;animation: heart 0.5s ease-in-out 0.8s infinite alternate;}
@keyframes heart{
	from{margin-top:0px;}
	to{margin-top:-6px;}
}
@keyframes heart{
	from{transform:translate(0,0)}
	to{transform:translate(0,6px)}
}
@media (max-width:1199px){
	.dm_video h3{font-size:30px;}
	.dm_video a{font-size:16px;}
	.noscroll-bg{ background-attachment: scroll!important;}
	.dm_video{padding:12em 0;    background-attachment:scroll;}
	
}
@media (max-width:767px){
	.dm_video{padding:5em 1em;}
	.dm_video h3{font-size:18px;line-height:26px;}
	.dm_video a{font-size:12px;}
	
}
.dm_happen,.dm_news{width:100%;position:relative;}
.happen_wheel{float:left;width:50%;}
.happen_words{float:left;width:25%;position:relative;}
.happen_words span{color:#fff;font-size:42px;text-align:center;line-height:68px;letter-spacing:8px;}
#swiper-pagination3{bottom:21%;}
#swiper-pagination2 .swiper-pagination-bullet,#swiper-pagination3 .swiper-pagination-bullet{margin:0 5px;height:2px; width:25px;background:#808285;}
#swiper-pagination2 .swiper-pagination-bullet-active,#swiper-pagination3 .swiper-pagination-bullet-active{height:2px;width:25px;background:#fff;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;}


.news_wheel{width:50%;float:right;position:relative;}
.date{width:100px;height:100px;position:absolute;left:0;top:0;z-index:99;background:#ce3e3e;font-size:60px;color:#fff;text-align:center;line-height:70px;}
.date span{color:#fff;font-size:16px;line-height:20px;display:block;margin:10px 0 0;}
.news_title{width:100%;padding:16px 16px;background:rgba(0,0,0,.8);position:absolute;left:0;bottom:0;text-align:left;}
.news_title h3{color:#e6e6e6;line-height:26px;font-size:20px;margin-bottom:10px;}
.news_title p{line-height:24px;color:#c6c6c6;}
.news_words{float:right;position:relative;width:25%}
.news_words span{color:#fff;font-size:42px;text-align:center;line-height:68px;letter-spacing:8px;}

.happen_words_phone,.news_words_phone{width:100%;display:none;position:relative;height:300px;}
.happen_words_phone span,.news_words_phone span{color:#fff;font-size:28px;text-align:center;line-height:38px;letter-spacing:4px;}

@media (max-width:1600px){
	#swiper-pagination3{bottom:26%;}
	}
@media (max-width:1399px){
	.happen_words span,.news_words span{font-size:28px;letter-spacing:4px;line-height:38px;}
	.news_title h3{font-size:20px;}
	#swiper-pagination3{bottom:26%;}
	}
@media (max-width:979px){
	.date{font-size:24px;width:65px;height:65px;line-height:30px;}
	.happen_wheel{width:100%;}
	.happen_words,.news_words{display:none;}
	.news_wheel{width:100%;position:relative;}
	.news_title{position:relative;padding:10px 10px;}
	#swiper-pagination3{bottom:25%}
	.news_title h3{font-size:16px;margin-bottom:0px;}
	.news_title p{line-height:16px;font-size:12px;}
	.happen_words_phone,.news_words_phone{display:block;}
}
@media (max-width:767px){
	.happen_words_phone img,.news_words_phone img{width:100%;height:300px;}
	.happen_words_phone,.news_words_phone{display:block;height:200px;}
}


.dm_other{width:50%;position:relative;margin:auto;}
.dm_other ul li{width:50%;float:left;}
.dm_other ul li a{display:block;position:relative;width:100%;padding:8.4em 0 18.2em 0;}
.img1,.img2{z-index:99;}
.img1 img,.img2 img{margin:auto;}
.dm_other ul li a h6{font-size:24px;line-height:28px;text-align:center;position:absolute;bottom:12%;width:100%;left:0;z-index:99;}
.img2{opacity:0;}
.dm_other ul li .opac{width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;right:0;background:#ccc;background:-webkit-gradient(linear,100% 0%, 0% 96%, from(#FB4C4C), to(#FFB07B));background: -moz-linear-gradient(left, #FB4C4C, #FFB07B); background: -o-linear-gradient(left,#FB4C4C, #FFB07B);opacity:0;}
.dm_other ul li .opac.opac1{background:-webkit-gradient(linear,100% 0%, 0% 96%, from(#6780FF), to(#70e5de));background: -moz-linear-gradient(left, #6780FF, #70e5de); background: -o-linear-gradient(left,#6780FF, #70e5de);opacity:0;}
.dm_other ul li:hover h6{color:#fff;letter-spacing:3px;}
.dm_other ul li:hover .img1{opacity:0;}
.dm_other ul li:hover .img2{opacity:1;}
.dm_other ul li:hover .opac{opacity:1;}
@media (max-width:1599px){
	.dm_other ul li a{padding:10.4em 0 18.2em 0;}
	}
@media (max-width:1399px){
	.dm_other ul li a{padding:8.4em 0 12.2em 0;}
	.img1 img,.img2 img{max-width:90%;}
	}
@media (max-width:1199px){
	.dm_other ul li a{padding:6.4em 0 10.2em 0;}
	}
@media (max-width:979px){
	.dm_other{width:100%;}
	.dm_other ul li a h6{font-size:20px;line-height:24px;}
	
	}
@media (max-width:639px){
		.dm_other{width:100%;}
		.dm_other ul li a{padding:4.4em 0 8.2em 0;}
		.dm_other ul li a h6{font-size:16px;line-height:24px;color:#fff;}
		.dm_other ul li .opac{opacity:1;}
		.dm_other ul li .opac.opac1{opacity:1;}
		.img2{opacity:0;}
		.img2{opacity:1;}
	}


.dm_service{
	position:relative;padding:14em 14.5% 12em;background: #fff;
}
.dm_service h3{text-align:center;line-height:60px;color:#333;font-size:60px;letter-spacing:30px;}
.dm_service h6{text-align:center;color:#999999;font-size:18px;margin:40px 0 120px 0;}
.dm_service  .list_ser img{
	margin:0 auto;
}
.dm_service .service_four{
	padding-top: 50px;
	padding-bottom: 72px;
}
.dm_service  .list_ser{
	float: left;
	width: 25%;
	text-align: center;
	cursor: pointer;
	transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
}
.dm_service  .list_ser:hover{
	margin-top: -20px;
}
.dm_service  .list_ser h2{
	font-size: 24px;
	color: #333333;
	margin-top: 73px;
	position: relative;
	padding-bottom: 21px;
	margin-bottom: 14px;
	font-weight: bold;
}
.dm_service  .list_ser:hover h2{
    color: #0069af;
}
.dm_service  .list_ser h2:after{
	content: '';
	position: absolute;
	bottom: 0;
	width: 50px;
	height: 1px;
	background: #0069af;
	left:50%;
	margin-left: -25px;
}
.dm_service  .list_ser h4{
	color: #333333;
	font-size: 16px;
}
.dm_partner{position:relative;padding:14em 14.5% 12em;background:#1d1b1b;}
.dm_partner h3{text-align:center;line-height:60px;color:#fff;font-size:60px;letter-spacing:30px;}
.dm_partner h6{text-align:center;color:#c6c6c6;font-size:18px;margin:40px 0 120px 0;}

#swiper-container3 {width:100%; height: auto;margin-left: auto;margin-right: auto;padding-bottom:5%; }
#swiper-container3 .swiper-slide {text-align: center; height: 100px;background:none;}
#swiper-pagination4{text-align:center;}
#swiper-pagination4 .swiper-pagination-bullet{margin:0 5px ;height:2px; width:25px;background:#808285;}
#swiper-pagination4 .swiper-pagination-bullet-active{height:2px;width:25px;background:#fff;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;}

.swiper-button-prev.swiper-button-white{left:0;background-size:80%;}
.swiper-button-next.swiper-button-white{right:0;background-size:80%;}

@media (max-width:1199px){
	.dm_partner,.dm_service{padding:10em 14.5% 8em;}

	.dm_partner h3{font-size:50px;letter-spacing:15px;}
	.dm_partner h6 {font-size: 18px;margin: 20px 0 80px 0;}
	.dm_service h3{font-size:50px;letter-spacing:15px;}
	.dm_service h6 {font-size: 18px;margin: 20px 0 80px 0;}

}
@media (max-width:979px){
	.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white{display:none;}
	#swiper-container3{padding-bottom: 15%}
	#swiper-container3 .swiper-slide a img{width:70%;}
	.dm_partner h3{font-size:30px;letter-spacing:10px;}
	.dm_partner h6 {font-size: 16px;margin: 10px 0 50px 0;}
	.dm_service h3{font-size:30px;letter-spacing:10px;}
	.dm_service h6 {font-size: 16px;margin: 10px 0 50px 0;}

	}
@media (max-width:767px){
	.dm_partner,.dm_service{padding:5em 6.5% 4em;}
	.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white{display:none;}
	.dm_partner h3{font-size:28px;letter-spacing:5px;}
	.dm_partner h6 {font-size: 14px;margin: 10px 0 30px 0;}
	.dm_service{padding:5em 6.5% 4em;}
	.dm_service h3{
		letter-spacing: 0px;
	 }
	.dm_service h3{font-size:28px;letter-spacing:5px;}
	.dm_service h6 {font-size: 14px;margin: 10px 0 30px 0;}

	.dm_service .list_ser img{
		width: 40%;
	}
	.dm_service .service_four{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	.dm_service .list_ser h2{
		margin-top: 30px;
		font-size: 18px;
	}
	.dm_service .third,.dm_service .fourth{
		margin-bottom: 0;
	}
	}